@import '../components/common.scss';

.part-intro {
  font-family: $font-heading !important;

  p {
    color: $black;
  }

  li {
    color: $black;
  }

  p:not(:last-of-type) {
    padding-bottom: 2em;
  }

  &__banner {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center right;

    @include to($tablet) {
      background-position: top center;

      > .container {
        margin-top: 40%;
      }

      background-size: 70%;
    }
  }

  a {
    color: $black;
    border-bottom: 1px solid $black;

    &:hover {
      background-color: $white;
    }
  }
}
